<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta name="author" content="huaicheng151201@163.com"/>
    <meta name="keywords" content="HTML,PHP,SQL"/>
    <meta name="description" content=""/>
    <meta name="revised" content=""/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <meta http-equiv="Cache-Control" content="no-transform"/>
    <meta name="apple-touch-fullscreen" content="yes"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="msapplication-tap-highlight" content="no"/>
    <title></title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/details_header.css">
    <link rel="stylesheet" href="css/news_details.css">
    <style>
        .t_box img{margin-top:0.5rem;}
        /*.t_box p{text-indent:3rem;}*/
    </style>
</head>
<body style="background-color:#fff;">
    <header style="height: auto;"></header>
    <section id="j-news-detail" style="padding:1rem 1.5rem;margin-top: 42px;padding-bottom:5rem">

    </section>
    <section class="download-box j-download hide">
        <div class="clearfix ct">
            <img width="30px" src="./images/100.png">
            <div class="txt">
                <p style="font-size: 13px;">和我看</p>
                <p>海量高清视频和我一起看,还送0元6个G</p>
            </div>
            <div class="item">
                <a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.chinamobile.cloudapp">立即下载</a>
                <i class="iconfont close-btn" >&#xe61a;</i>
            </div>

        </div>

    </section>
    <script src="js/jquery-1.12.0.min.js"></script>
    <script src="js/lib/template.min.js"></script>
    <script src="js/reqeust.js"></script>
    <script>
        var heardertxt = "民俗详情页";
        $(function () {
            $("header").load("details_header.html");
        });
        var id = $C.query().id, share = $C.query().share;
        if(share){
            $(".j-download").removeClass("hide");
        }
        //详情页信息
        sendByUrl("/GetNewsDetail/"+id,{},function(res){
            var data = res.data || {};
            $("#j-news-detail").append(template("news-detail-temp", {
                data: data
            }));
            $(".share_open").removeClass("hide");
        });
        $("body").on("click",".share_item",function () {
            var id = $(this).attr("data-id"),
                    title = $(".text_title").text(),
                    subtitle = $(".address").text(),
                    url = $(".t_box").find("img").eq(0).attr("src") || "http://www.ganzixinwen.com/uploads/file/2017/0602/20170602060904451.jpg";
            shareInfo(title,subtitle,location.href+"&share=1",url,id);
        }).on("click",".close-btn",function () {
            $(".j-download").remove();
        })
    </script>
    <script id="news-detail-temp" type="text/html">
        <p class="text_title">{{data.title}}</p>
        <p class="text_msg">
            <span class="time">{{data.datetime}}</span>
            <span class="address">{{data.category}}</span>
        </p>
        <p style="margin:-3rem 0 2rem;"><img src="images/custom_hrTop.png" alt="" width="100%"></p>
        <div class="t_box">
            {{#data.content}}
        </div>
        <p><img src="images/custom_hrBottom.png" alt="" width="100%"></p>
    </script>
</body>
</html>